<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Viewport metatags -->
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<!-- iOS webapp metatags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<!-- iOS webapp icons [DELETED] -->

<!-- CSS Reset -->
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/css/reset.css" media="screen" />
<!--  Fluid Grid System -->
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/css/fluid.css" media="screen" />
<!-- Login Stylesheet -->
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/css/login.css" media="screen" />

<!-- Required JavaScript Files -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="#{view.base}/web-files/js/jquery.placeholder.js"></script>
<script type="text/javascript" src="#{view.base}/web-files/plugins/validate/jquery.validate.min.js"></script>

<!-- Core JavaScript Files -->
<script type="text/javascript" src="#{view.base}/web-files/js/core/dandelion.login.js"></script>

<!-- jGrowl Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/jgrowl/jquery.jgrowl.min.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/plugins/jgrowl/jquery.jgrowl.css" media="screen" />

<script type="text/javascript">

(function(a){
	a(document).ready(function(c){

		// Growl messages
		var msgs = new Array( "#{view.msgs.growl}" );
		if( a.jGrowl && (msgs.length > 0) && (msgs[0] != "") ){
			for(i = 0; i<msgs.length; i++)
				a.jGrowl( msgs[i], {header:"Aviso!", sticky:true, position:"bottom-right"} );
		}

		// ...
		
	})
})(jQuery);

</script>

<title>#{view.title}</title>

</head>

<body>


<div id="da-login">
	<div id="da-login-box-wrapper">
    	<div id="da-login-top-shadow">
        </div>
    	<div id="da-login-box">
    	
            #{view.content}
            
        </div>
    	<div id="da-login-bottom-shadow">
        </div>
    </div>
</div>
    
</body>

</html>
